@import "../vars";

.xdh-back-top {
  z-index: $--index-top;
  position: fixed;
  cursor: pointer;
  display: none;

  &.xdh-back-top-show {
    display: block;
  }

  &-inner {
    background-color: rgba(0, 0, 0, .6);
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    transition: $--all-transition;

    &:hover {
      background-color: rgba(0, 0, 0, .7);
    }
  }

  i {
    color: #fff;
    font-size: 24px;
    padding: 8px 12px;
  }

}
